<%@ page contentType="text/html; charset=utf-8" language="java" pageEncoding="utf-8" %>
<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <%@ include file="../common/header.jsp" %>
    <m:require src="jquery,common,noty,font,dialog,bootstrap,{xlink/index}"></m:require>
    <title>首页</title>
    <style>
        #banner{
            width:100%;
            height:550px;
            background:url(../../../css/images/xlink/2.jpeg);
        }
    </style>
    <script>
        var currentUser = {
            id: "${userId}",
            userName:"${userName}"
        }
        console.log(currentUser);
    </script>
</head>
<body>
<div id="top">
    <div id="top_logo"><span>Xlink</span></div>
    <div id="top_right">
        <div id="top_right_ul1">
            <ul>
                <li><a href="#">关于我们</a></li>
                <li><a href="register.html">用户注册</a></li>
                <li><a href="login.html">登录</a></li>
            </ul>
        </div>
        <div id="top_right_ul2">
            <ul>
                <li><a hre="index.html">首页</a></li>
                <li><a href="developer.html">开发者</a></li>c
                <li><a hre="#">搜索</a></li>
                <li><a hre="#">社区</a></li>
                <li><a hre="#">博客</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
<div id="banner"></div>
<div id="first"><img src="../../../css/images/xlink/haha.png" id="pic1"></div>
<div id="bottom">@Xlink 版权所有</div>

<script>
    function change(){
        var box = document.getElementById("banner");
        var i = parseInt(Math.random()*4+1);
        //console.log(i);
        box.style.background = 'url(../../../css/images/xlink/'+i+'.jpeg)';
    }
    setInterval(change,2000);
</script>
</body>
</html>
